<template>
  <el-form ref="form" label-position="right" :model="rectification" :rules="rules" label-suffix="："
           label-width="100px">
    <el-card shadow="always">
      <el-form-item label="整改截止日期" prop="investigateTime">
        <el-date-picker
          v-model="rectification.rectificationTime"
          type="date"
          placeholder="选择整改截止日期">
        </el-date-picker>
      </el-form-item>

      <div class="geology-children4">
        整改建议
      </div>
      <el-form-item>
        <el-input v-model="rectification.advice" clearable type="textarea" :rows="4"
                  placeholder="输入整改建议"></el-input>
      </el-form-item>
    </el-card>
  </el-form>
</template>
<script>
import ItemMixins from "./item.mixins";

export default {
  props: ['value'],
  mixins: [ItemMixins],
  data() {
    return {
      // 单位信息表单 校验规则
      rules: {},
    }
  },
  computed: {
    rectification: {
      get() {
        return this.value
      },
      set(value) {
        this.$emit('input', value)
      }
    }
  },
  methods: {
    // 内部表单校验
    _validatorForm() {
      return new Promise((resolve) => {
        this.$refs.form.validate((valid) => {
          valid && resolve()
        })
      })
    }
  },
  mounted() {
  },
  created() {
  },
  activated() {
    this.$nextTick(() =>
      this.$refs.form.clearValidate()
    )
  }
}
</script>

<style lang="less">
  .el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 298px !important;
  }

  .geology-children4 {
    font-size: 15px;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .info-title {
    font-size: 18px;
    color: #1990FE;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .el-card {
    margin-bottom: 20px;
  }

  .form_compact {
    display: flex;

    & /deep/ .el-input input {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

    & /deep/ .el-button {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }

  .el-button {
    padding-right: 40px;
  }

  .el-form-item__label {
    /*padding: 0px;*/
  }

  input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
  }
</style>
